{% extends "base.html" %}

{% block script %}
    <!--<script src="/static/libs/jquery.ui.widget.js"></script>-->
    <!--<script src="/static/libs/jquery.fileupload.js"></script>-->
    <script src="/static/js/cms2/fake_user.js"></script>
{% end %}

{% block settings %}
    {% set menu_selected = 'fake_user' %}
{% end %}

{% block main %}
<div class="main_hd">
    <h2>黑户</h2>

    <div class="title_tab" id="topTab">
        <ul class="tab_navs title_tab" data-index="0">
        <li data-index="0" class="tab_nav first js_top selected" data-id="send"><a href="/cms2/topic">运营用户</a></li>
        </ul>
    </div>
    <div class="extra_info search_bar" id="searchBar">
        <span class="frm_input_box search with_del append ">
            <a class="del_btn jsSearchInputClose" href="javascript:" style="display:none">
                <i class="icon_search_del"></i>&nbsp;
            </a>
            <a href="javascript:" class="frm_input_append jsSearchInputBt">
                <i class="icon16_common search_gray">搜索</i>&nbsp;
            </a>
        <input type="text" value="" class="frm_input jsSearchInput" placeholder="消息内容">
        </span>
    </div>
</div>
<div class="main_bd">
    <div class="topic-box">
        <div class="black-user-line clearfix">
            <div class="black-user-left">
                <div class="t-panel">
                    <div class="t-panel-heading">
                        <div class="t-panel-title">全部用户</div>
                    </div>
                    <div class="show-container">
                        <div class="user-item">
                            <div class="img-box">
                                <img src="http://wx.qlogo.cn/mmopen/IrQLxZ85XuB8nXeDoJedX0vdicQWia9MiaLBIull2vqJa7mAKXajXudyqsImMlWXTSshOH2uUmGOV4DUT6ctvGdIAjEjpOXqXGb/0" class="user-img">
                            </div>
                            <div class="user-info-box">变态翔哥1号</div>
                            <a href="#" class="edit-bu">编辑</a>
                        </div>
                        <div class="user-item">
                            <div class="img-box">
                                <img src="http://wx.qlogo.cn/mmopen/IrQLxZ85XuB8nXeDoJedX0vdicQWia9MiaLBIull2vqJa7mAKXajXudyqsImMlWXTSshOH2uUmGOV4DUT6ctvGdIAjEjpOXqXGb/0" class="user-img">
                            </div>
                            <div class="user-info-box">变态翔哥1号</div>
                            <a href="#" class="edit-bu">编辑</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="black-user-right">
                <div class="add-black-user-box">
                    <button class="btn btn-default btn-sm add-fake-user">添加用户</button>
                </div>
            </div>
        </div>
    </div>
</div>
{% end %}

{% block template %}
<script type="text/template" id="new-fake-template">
    <div class="text-center">
        <input type="file" name="file" id="fileupload">
        <img src="" alt="" class="img-circle" style="width: 50px; height: 50px">
    </div>
    <div class="form-group">
        <label for="new-name">用户名</label>
        <input type="text" class="form-control" id="new-name" placeholder="请输入用户名">
    </div>
    <div class="form-group">
        <label>性别</label>
        <div>
        <div class="btn-group" data-toggle="buttons">
            <label class="btn btn-default active">
                <input type="radio" name="sex" value="0" autocomplete="off" checked>男
            </label>
            <label class="btn btn-default">
                <input type="radio" name="sex" value="1" autocomplete="off">女
            </label>
        </div>
        </div>
    </div>
    <div class="form-group">
        <label>性取向</label>
        <div>
        <div class="btn-group" data-toggle="buttons">
            <label class="btn btn-default active">
                <input type="radio" name="sexot" value="0" autocomplete="off" checked>男
            </label>
            <label class="btn btn-default">
                <input type="radio" name="sexot" value="1" autocomplete="off">女
            </label>
            <label class="btn btn-default">
                <input type="radio" name="sexot" value="2" autocomplete="off">双性恋
            </label>
            <label class="btn btn-default">
                <input type="radio" name="sexot" value="3" autocomplete="off">不确定
            </label>
        </div>
        </div>
    </div>
    <div class="form-group">
        <label>婚姻状况</label>
        <div>
            <div class="btn-group" data-toggle="buttons">
                <label class="btn btn-default active">
                    <input type="radio" name="love" value="0" autocomplete="off" checked>单身
                </label>
                <label class="btn btn-default">
                    <input type="radio" name="love" value="1" autocomplete="off">非单身
                </label>
                <label class="btn btn-default">
                    <input type="radio" name="love" value="2" autocomplete="off">保密
                </label>
            </div>
        </div>
    </div>
    <div class="form-group">
        <label for="new-horo">星座</label>
        <input type="text" class="form-control" id="new-horo" placeholder="星座">
    </div>
    <div class="form-group">
        <label for="new-intro">个人简介</label>
        <input type="text" class="form-control" id="new-intro" placeholder="简介">
    </div>
    <div class="text-center">
        <button type="button" class="btn btn-block btn-success new-submit">完成</button>
    </div>
</script>
{% end %}